<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=640, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>参与方式</title>
    <link href="${resources}/plugins/swiper/swiper-3.3.1.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="${resources}/css/common.css">
    <link rel="stylesheet" href="${resources}/css/joinWays.css">
</head>
<body>
    <div id="container">
        <!--<img class="bk" src="${resources}/vote/4_31.jpg" >-->
        <!-- 头部 -->
        <div class="header">
            <a href="${path}/manage/vote/one" class="back"><img src="${resources}/vote/4_1.png">返回</a>
            <h3>有奖票选最美员工</h3>
        </div>

        <!--轮播图-->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="${resources}/vote/4_4.png"></div>
                <div class="swiper-slide"><img src="${resources}/vote/4_5.png"></div>
                <div class="swiper-slide"><img src="${resources}/vote/4_6.png"></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>

        <!-- 参与方式 -->
        <div class="way">
            <h3><img src="${resources}/vote/4_32_03.png"></h3>
            <p>扫描二维码关注微信公众号“淘惠帮”个人中心-手机验证-参与投票（待定）</p>
            <p>...</p>
            <p>每个ID每天限投3票</p>
        </div>

        <!-- 票选奖品 -->
        <div class="reward">
            <h3><img src="${resources}/vote/4_32_06.png"></h3>
            <img src="${resources}/vote/4_33_09.png">
        </div>
    </div>


</body>
<script src="${resources}/scripts/jquery-2.2.2.min.js"></script>
<script src="${resources}/plugins/swiper/swiper-3.3.1.jquery.min.js"></script>
<script>
    var mySwiper = new Swiper(".swiper-container", {
        loop: true,
        pagination: '.swiper-pagination',
        autoplay: 3000
    });
</script>
</html>